<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>个人页面-提现</title>
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />

    <!--IE浏览器运行最新的渲染模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="static/css/pc/minCss/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="header" style="height: 95px;"></div>

<div id="per-recharge">
    <div class="per-recharge-tit">填写提现金额</div>
    <form action="" class="form-horizontal zcbl-form-horizontal">
    <div class="per-recharge-pay mt25">
        <div class="form-group zcbl-form-group">
            <label for="amount" class="col-sm-2 control-label zcbl-control-label">充值金额：</label>
            <div class="col-sm-4">
                <input type="text" class="form-control zcbl-form-control left" name="amount" id="amount" placeholder="" />
            </div>
            <div><p class="zcbl-control-info">元</p></div>
            <p class="zcbl-control-msg">*由字母加数字符号至少两种以上字符组成</p>
        </div>
        <div class="form-group zcbl-form-group">
            <label for="bankCardNo" class="col-sm-2 control-label zcbl-control-label">银行卡号：</label>
            <div class="col-sm-4">
                <input type="text" class="form-control zcbl-form-control left" name="bankCardNo" id="bankCardNo" placeholder="" />
            </div>
            <div class="clear"></div>
            <p class="zcbl-control-msg">*由字母加数字符号至少两种以上字符组成</p>
        </div>
        <div class="form-group zcbl-form-group">
            <label for="name" class="col-sm-2 control-label zcbl-control-label">账户名：</label>
            <div class="col-sm-4">
                <input type="text" class="form-control zcbl-form-control left" name="name" id="name" placeholder="" />
            </div>
            <div class="clear"></div>
            <p class="zcbl-control-msg">*由字母加数字符号至少两种以上字符组成</p>
        </div>
        <div class="form-group zcbl-form-group">
            <label for="tel" class="col-sm-2 control-label zcbl-control-label">联系电话：</label>
            <div class="col-sm-4">
                <input type="text" class="form-control zcbl-form-control left" name="tel" id="tel" placeholder="" />
            </div>
            <div class="clear"></div>
            <p class="zcbl-control-msg">*由字母加数字符号至少两种以上字符组成</p>
        </div>

    </div>
    <div class="right mt25">
        <button type="button" class="btn-yellow-50" data-toggle="modal" data-target="#applyWithdraw">申请提现</button>
    </div>
    <div class="clear"></div>
    </form>
    <div class="per-recharge-payList">
        <ul>
            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求收入</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">+100元</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求酬金支出</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">-100元</p>
                    </div>
                </div>
            </li>

            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求收入</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">+100元</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求酬金支出</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">-100元</p>
                    </div>
                </div>
            </li>

            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求收入</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">+100元</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求酬金支出</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">-100元</p>
                    </div>
                </div>
            </li>

            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求收入</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">+100元</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求酬金支出</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">-100元</p>
                    </div>
                </div>
            </li>

            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求收入</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">+100元</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="row">
                    <div class="col-md-8">
                        <p class="per-payList-tit">需求酬金支出</p>
                        <p class="per-payList-time">2016.6.1 13：21</p>
                    </div>
                    <div class="col-md-4">
                        <p class="per-payList-income">-100元</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div id="page"></div>
</div>

<div id="footer"></div>

<!-- 提现申请成功（Modal） -->
<div class="modal fade" id="applyWithdraw"  aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-modal-1">
        <h2 class="zcbl-modal-success">提现申请成功！</h2>
        <p class="zcbl-modal-desc" style="padding-top: 20px;">预计10个工作日内完成<br/>有任何疑问请联系众创部落客服</p>
    </div>
</div>
<!-- 提现申请成功（Modal） -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>

<script src="static/js/pc/dest/all.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
</body>
</html>